<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to Bellevue Youth Link!</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/carousel.js"></script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-33574254-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
  

</script>
<link href="css/byl-styles.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="responsive-container">

    <div id="header"><a href="index.html"><img src="images/logo.jpg" width="411" height="93" border="0"></a></div> 
    
    <div id="menuwrapper">
        <div id="menu">
            <ul>
                <li><a href="overview.html">Learn About Us</a></li>
                <li><img src="images/menu-line.jpg" width="2" height="60" /></li>
                <li><a href="whats_happening.html">What&#8217;s Happening</a></li>
                <li><img src="images/menu-line.jpg" width="2" height="60" /></li>
                <li><a href="get_involved.html">Get Involved</a></li>
            </ul>
        </div>
    </div>
    
  <div id="sub-menu">
        <a href="contact_us.html">Contact Us</a>
		<a href="forms.html">Forms & Downloads</a>
        <a href="alumni.html">Alumni</a>
        </div>
    
    
        <div class="content-carousel">
    
                    <!--  <div style="width:750px; height: 300px;overflow: hidden">-->
    
                    <div id="mainCarousel" class="carousel">
                        <div class="pane">
                            <img src="images/homepage_carousel_getinvolved.jpg" alt="Get involved!" />
                            <div class="title">Support us by joining, volunteering or donating. <a href="get_involved.html">Get involved ></a></div>
                        </div>
                        <div class="pane">
                            <img src="images/homepage_carousel_whatshappening.jpg" alt="Whats happening?" />
                            <div class="title">We have many fun events and projects coming up! <a href="whats_happening.html">What&#8217;s happening ></a></div>
                        </div>
                        <div class="pane selected">
                            <img src="images/homepage_carousel_learn.jpg" alt="Learn about us!" />
                            <div class="title">We give young people ages 11-18 a way to create and lead meaningful community projects. <a href="overview.html">Learn about us ></a></div>
                        </div>
                        <div class="carouselnavigation">
                            <div class="bottom-nav-aligner">
                                <a href="#" onclick="GoToPage('#mainCarousel', 1); return false;"></a>
                                <a href="#" onclick="GoToPage('#mainCarousel', 2); return false;"></a>
                                <a class="current" href="#" onclick="GoToPage('#mainCarousel', 3); return false;"></a>
                            </div>
                            <br>
                        </div>
                    </div>
                    <!-- end .mainCarousel -->
                </div>
                <!-- end .content-carousel -->

<!-- Homepage donate/sponor boxes.  TODO: Fix alignment, add correct images -->

		<div id="homepage-box-container" >
			<div class="home-page-box">
            	<img src="images/homepage_donate.jpg" class="image" />
                <div class="text">
                	<p>Invest in us and support hundreds of teenagers in the Bellevue Community.</p>
                    <p><a href="get_involved.html">Make a donation ></a></p>
                </div>
            </div>
            
  			<div class="home-page-box">
            	<img src="images/homepage_sponsor.jpg" class="image" />
                <div class="text">
                	<p>Help shape the leaders of tomorrow by joining us as a corporate sponsor!</p>
					<p><a href="sponsors.html">Become a partner ></a></p>
                </div>
            </div>
		</div>
<!-- End homepage donate/sponor boxes.-->

  <div id="footer">
    <table width="700" border="0" cellpadding="3" cellspacing="1" class="footer-link-text">
        </tr>
        <tr>
            <td valign="top">
            	<a href="overview.html" class="footer-heading-text">Learn About Us</a><br />
                <a href="past_projects.html">Past Projects</a><br />
                <a href="sponsors.html">Our Sponsors</a></td>
            <td valign="top">
            	<a href="whats_happening.html" class="footer-heading-text">What&#8217;s Happening</a><br />
                <a href="calendar.html">Calendar</a><br />
                <a href="events.html">Events</a><br /></td>
            <td valign="top">
            	<a href="get_involved.html" class="footer-heading-text">Get Involved</a><br />
            	<a href="youth_council.html">Youth Council</a><br />
                <a href="action_teams.html">Action Teams</a><br />
                <a href="youth_link_board.html">Youth Link Board</a><br /></td>
            <td valign="top">
            	<br/>
                <a href="contact_us.html">Contact Us</a><br />
                <a href="forms.html">Forms &amp; Downloads</a><br />
                <a href="alumni.html">Alumni</a></td>
         </tr>
    </table>
      <br />
      &copy; City of Bellevue / Bellevue Youth Link
  </div>
</div>

</body>
</html>

